<!-- 出库任务 -->
<template>
    <div class="wmsOutTaskMerge">
      <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick" >
        <el-tab-pane label="领料出库" name="1">
          <!-- 出库任务 -->
          <!-- @handerLink="handerLink" -->
          <wmsOutTask :typeInto="1"  v-if="activeName=='1'"></wmsOutTask>
        </el-tab-pane>
        <el-tab-pane label="其他出库" name="2" >
          <wmsOutTaskSpecial ref="detail" v-if="activeName=='2'"></wmsOutTaskSpecial>
          <!-- 出库明细 -->
        </el-tab-pane>
      </el-tabs>
    </div>
  </template>

  <script>
  //例如：import 《组件名称》 from '《组件路径》';
  import wmsOutTask from "@/views/outbound/wmsOutTask/index";
  import wmsOutTaskSpecial from "@/views/outbound/wmsOutTaskSpecial/index";
  export default {
    name: "wmsInTaskMerge",
    //import引入的组件需要注入到对象中才能使用
    components: { wmsOutTask, wmsOutTaskSpecial },
    data() {
      //这里存放数据
      return {
        activeName: "1",
      };
    },
    //监听属性 类似于data概念
    computed: {},
    //监控data中的数据变化
    watch: {},
    //方法集合
    methods: {
      // 单据点击回调
      // handerLink(data) {
      //   this.$refs.detail.otherParams = data;
      //   this.activeName = "2";
      //   this.$nextTick(() => {
      //     this.$refs.detail.refresh();
      //   });
      // },
      // 上方tbas切换事件
      handleClick() {
        this.$nextTick(() => {
          if (this.activeName == "2") {
            // 强制赋值搜索,解决,搜索框样式错乱bug
            let { searchConfig } = this.$refs.detail;
            this.$refs.detail.$refs.eleTable.$refs.eleFormSearch.getFormConfig(
              searchConfig
            );
          }
        });
      },
    },
    //生命周期 - 创建完成（可以访问当前this实例）
    created() {},
    //生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {},
    beforeCreate() {}, //生命周期 - 创建之前
    beforeMount() {}, //生命周期 - 挂载之前
    beforeUpdate() {}, //生命周期 - 更新之前
    updated() {}, //生命周期 - 更新之后
    beforeDestroy() {}, //生命周期 - 销毁之前
    destroyed() {}, //生命周期 - 销毁完成
    activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
  };
  </script>
  <style scoped lang="scss">
  .wmsOutTaskMerge {
  }
  </style>
